<template>
  <div class="outer-container">
    <router-link to="/">首页</router-link>
    |
    <router-link to="/about">关于</router-link>
    |
    <router-link to="/login">登录</router-link>
    |
    <router-link to="/register">注册</router-link>

    <router-view></router-view>

  </div>
</template>

<style scoped>

.outer-container {
  padding: 20px; /* 外围盒子的内边距 */
  border: 1px solid #ccc; /* 外围盒子的边框 */
  background-color: #f2f3f5; /* 外围盒子的背景色 */
}
</style>
<script setup lang="ts">
</script>